import { CommonSmallTitle } from '../Assets/Common/SmallTitle'
import { Http } from '../../../Common/Api'
import { LivePage } from '../Assets/Template/HLSSource'
import { useEffect, useState } from 'react'
import { useRequest } from 'ahooks'
export const ThrThr = () => {
    const { runAsync: getLiveVideos } = useRequest(Http, { manual: true, onSuccess: ({ list }) => setLiveList(list) })
    useEffect(() => {
        getLiveVideos({ url: 'getLiveVideos' })
    }, [getLiveVideos])
    const [LiveList, setLiveList] = useState()

    return (
        <CommonSmallTitle title="直播中的无人机画面">
            <LivePage data={LiveList} />
        </CommonSmallTitle>
    )
}
